<template>
  <div class="main">
    <img src="../../../../../static/home.jpg" class="imgClass">
  </div>
</template>

<script>
export default {
  data () {
    return {
      icoImage: '../../../../../static/timg.png',
    }
  },
  methods:{
    

  },
  mounted(){
      var width = window.screen.width
    $('.imgClass').css('width',width)
    window.onresize = () =>{
        return (()=>{
            //浏览器高度
            window.screenHeight = window.innerHeight;
            this.screenHeight = window.screenHeight;
            //浏览器宽度
            window.screenWidth = window.innerWidth;
            this.screenWidth = window.screenWidth;
            $('.imgClass').css('width',this.screenWidth)
        })()
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.main{
	width: 100%;
	height: 100%;
	/*background-image: url(../../../../../../static/img/bg.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: absolute;
	.imgClass{
    overflow: hidden;
		position:fixed;
		top:0;
		z-index:-5;
	}
}
</style>
